<template>
  <div class="filtrate">
    <div class="filtrate-type">
      <ul>
        <li>
          <span>
            类型
          </span>
        </li>
        <li>
          <span>
            消费
          </span>
        </li>
      </ul>
    </div>

    <div class="filtrate-item-content">

    </div>
  </div>
</template>

<script>
export default {
  name: 'Index',
  data() {
    return {}
  }
}
</script>

<style rel="stylesheet/scss" lang="scss" scoped>
  .filtrate {
    width: 100%;

    .filtrate-type {
      width: 100%;
      height: 45px;

      ul {
        width: 100%;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        list-style: none;

        li {
          flex: 1;
          height: 100%;
          text-align: center;
          display: flex;
          align-items: center;
          justify-content: center;
          border-right: 1px solid #d4d5d6;
        }

        li:last-child {
          border-right: 0;
        }
      }
    }
  }
</style>
